/*menu菜单*/
.custom-menu {
  width: 280px;
  padding: 4px 8px;
}

.custom-menu .ant-menu-item {
  /* 自定义菜单项样式 */
  color:#306F83;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  padding-left: 14px !important;
}

.custom-menu .ant-menu-submenu-title {
  /* font-weight: bolder; */
  // color: var(--gray-8);
}

.custom-menu .ant-menu-submenu-selected>.ant-menu-submenu-title {
  // font-weight: bolder;
  // color: var(--color-primary-active);
}

.custom-menu .ant-menu-item-selected {
  /* 自定义选中菜单项样式 */
  background: #D1F2F9;
  border-radius: 32px;
  color: #fff;

  * {
    color: #306F83;
  }
}

// .custom-menu .ant-menu-item:not(.ant-menu-item-selected):active {
//   background: var(--color-primary-active) !important;
// }

/*button*/
.custom-btn-primary {
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: var(--border-radius);
  padding: 0.5rem 1rem;
  box-shadow: none;
  height: 40px;
  line-height: 40px;
}

.custom-btn-primary.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
  background-color: var(--color-primary-hover);
  box-shadow: none;
}

.custom-btn-primary.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active {
  background-color: var(--color-primary-active);
  box-shadow: none;
}

.custom-ok-button {
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  border-radius: var(--border-radius);

}

.custom-ok-button:not(:disabled):not(.ant-btn-disabled):hover {
  background-color: var(--color-primary-hover);
  box-shadow: none;

}

.custom-ok-button:not(:disabled):not(.ant-btn-disabled):active {
  background-color: var(--color-primary-active);
  box-shadow: none;

}

.custom-cancel-button:not(:disabled):not(.ant-btn-disabled):hover {
  color: #5487c7;
  border-color: #5487c7;
  background: #ffffff;
}

.custom-cancel-button:not(:disabled):not(.ant-btn-disabled):active {
  color: #1f4c94;
  border-color: #1f4c94;
  background: #ffffff;
}

// .custom-ok-button:hover{
//   background-color: var(--color-primary-hover);
//   box-shadow: none;

// }
// .custom-ok-button:active{
//   background-color: var(--color-primary-active);
//   box-shadow: none;

// }

/*modal*/
.custom-notitle-modal {
  .ant-modal-body {
    padding-top: 30px;
  }
}

/*confirm modal*/
.custom-Modal {
  .custom-ModalTit {
    color: #62666A;
    font-size: 14px;
    font-weight: normal;
  }

  .custom-ModalContDesc {
    font-size: 16px;
    font-weight: 500;
  }
}

.custom-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: #F5F6FA !important;
}

/*form表单通用样式*/
.custom-form-primary {
  position: relative;
  height: 100%;

  .ant-input-outlined,
  .ant-input-number,.ant-picker-outlined {
    width: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    background: #FFF;
  }

  .ant-select:not(.ant-select-customize-input) .ant-select-selector {
    width: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    background: #FFF;
  }

  // .ant-input::placeholder,
  // .ant-select-selection-placeholder,
  // .ant-input-number-input::placeholder,
  // .ant-textarea::placeholder {
  //   color: #1d2129;
  // }

  .ant-select-focused:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-paginationsize-changer) .ant-select-selector {
    width: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    background: #FFF;
  }

  .ant-form-item-label>label {
    // color: #5A607F;
    font-weight: 400;
    top: 4px;
  }

  .ant-select .ant-select-arrow {
    top: 50%;

  }
}

/*table公共样式*/
/*table公共样式-有数据*/
.custom-table .ant-table-thead>tr>th {
  background-color: #E7E8E9;
  /* 表头背景色 */
  color: #222425;
  /* 表头字体颜色 */
  font-weight: bold;
  /* 表头字体加粗 */
}

.custom-table .ant-table-thead>tr>th::before {
  display: none;
}

.custom-table .ant-table-tbody>tr>td {
  background: #FCFDFD;
  /* 表格内容背景色 */
  // color: #62666A;
}

.custom-table .ant-table-tbody>tr:hover>td {
  // background-color: #F9FAFB;
  background-color: #FFF5C2 !important;
  /* 鼠标悬停行背景色 */
}

/*table公共样式-空数据*/
.ant-table-empty .ant-table-tbody>tr>td {
  border-bottom: none;
}

/*input*/
.custom-input.ant-input-outlined {
  background: #fff;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  box-shadow: none;
}

// 超出省略
.fontEllipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

// 页面标题
.custom-title {
  font-weight: 600;
  color: #0F1217;
  font-size: 22px;
}

// 分页样式
.custom-Pagination {
  margin-top: 24px;
}

// 进度条
.custom_progress.ant-progress {
  .ant-progress-bg.ant-progress-bg-inner .ant-progress-text-inner{
    color: #fff;
  }
}